<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>阿里百秀</title>
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="container">
        <div class="row">
            <!-- // logo导航栏 -->
            <div class="col-md-2">
                <a href="https://www.bilibili.com/video/BV14J4114768?p=521" class="hidden-xs"><img src="./icons/logo.png" alt="" ></a>
                <span class="visible-xs">阿里百秀</span>
                <nav>
                    <a href="https://www.bilibili.com/video/BV14J4114768?p=521" class="glyphicon glyphicon-cloud
">生活馆</a>
                    <a href="https://www.bilibili.com/video/BV14J4114768?p=521" class="glyphicon glyphicon-cloud
">自然汇</a>
                    <a href="https://www.bilibili.com/video/BV14J4114768?p=521" class="glyphicon glyphicon-cloud
">科技狐</a>
                    <a href="https://www.bilibili.com/video/BV14J4114768?p=521" class="glyphicon glyphicon-cloud
">奇趣事</a>
                    <a href="https://www.bilibili.com/video/BV14J4114768?p=521" class="glyphicon glyphicon-cloud
">美食街</a>
                </nav>
            </div>
            <!-- 新闻栏 -->
            <div class="col-md-7">
                <!-- 新闻0 -->
                <ul class="news">
                    <li><a href="https://www.bilibili.com/video/BV14J4114768?p=523"><img src="./images/lg.png"
                        alt=""><p>阿里百秀</p></a></li>
                    <li><a href="https://www.bilibili.com/video/BV14J4114768?p=523"><img src="./images/1.jpg"
                                alt=""><p>奇了 成都一小区护卫长得像马云 市民纷纷求合影</p></a></li>
                    <li><a href="https://www.bilibili.com/video/BV14J4114768?p=523"><img src="./images/2.jpg"
                                alt=""><p>奇了 成都一小区护卫长得像马云 市民纷纷求合影</p></a></li>
                    <li><a href="https://www.bilibili.com/video/BV14J4114768?p=523"><img src="./images/3.jpg"
                                alt=""><p>奇了 成都一小区护卫长得像马云 市民纷纷求合影</p></a></li>
                    <li><a href="https://www.bilibili.com/video/BV14J4114768?p=523"><img src="./images/4.jpg"
                                alt=""><p>奇了 成都一小区护卫长得像马云 市民纷纷求合影</p></a></li>
                </ul>
               
            </div>
            <div class="col-md-3">3</div>
        </div>
    </div>
</body>

</html>